<template>
  <div class="panel_body">
    <m-header modile-title="折叠面板列表" go-back="true"></m-header>
    <ul class="panel_ul">
      <li @click="$router.push('/FoldPanel')">折叠面板1</li>
      <li @click="$router.push('/FoldPanel2')">折叠面板2</li>
      <li>折叠面板3</li>
    </ul>
  </div>
</template>

<script>
  import mHeader from '../../../components/header'
    export default {
        name: "Panel",
        data(){
          return {}
        },
        components:{
            mHeader
        }
    }
</script>

<style lang="scss" scoped>
.panel_body{
  padding-top: 60px;
  .panel_ul{
    width: 100%;
    padding: 0;
    li{
      padding: 15px 10px;
      border-bottom: 1px solid #f1f1f1;
      background: #ffffff;
    }
    li:last-child{
      border-bottom: none;
    }
  }
}
</style>
